<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表页</title>
<!-- 禁止检查当前域名 -->
<meta name="referrer" content="never">
<!-- 引入bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<!-- 当前文件的css -->
<link rel="stylesheet" href="../css/list.css?b=4">
<!-- 引入js的库 -->
<script src="../lib/jquery.min.js"></script>
<script src="../lib/cookie.js"></script>
<!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
<script src="../lib/bootstrap.js"></script>
<script src="../lib/layer/layer.js"></script>
</head>
<body>
<!-- 顶部 -->
<div class="wrap bg-warning">
    <div class="content">
        <nav class="navbar">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
            
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页 </a></li>
                        <li class="active"><a href="list.html">列表页 <span class="sr-only">(current)</span></a></li>
                       
                    </ul>
                    <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control inp" placeholder="课程名称">
                        </div>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">热门课程 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                            <li><a href="https://www.imooc.com/learn/1284">java</a></li>
                            <li><a href="https://www.imooc.com/learn/1264">pathon</a></li>
                            <li><a href="https://www.imooc.com/learn/1289">html5</a></li>                          
                            </ul>
                        </li>
                    </ul>
                    <!-- 登陆注册 -->
                    <ul class="nav navbar-nav navbar-right login">
                        <li><a href="denglu.html">登陆</a></li>
                        <li><a href="zhuce.html">注册</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<!-- 面包屑 -->
<div class="wrap">
    <div class="content">
        <div class="jumbotron descipt">
            <h2>本站简介</h2>
            <p class="info">
                我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习
                我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习 我爱学习</p>
                <p><a class="btn btn-primary btn-lg" href="javascript:;" role="button">查看详情</a></p>
        </div>
        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li class="active"><a href="javascript:;">列表页</a></li>
        </ol>
    </div>
</div>

<!-- 景点列表 -->
<div class="wrap" id="scenics">
    <div class="content">
        <h1>学习网站 <small>所有课程</small></h1>
        <div class="container fluid">
            <div class="row scenics">

            </div>
        </div>
    </div>
</div>
<div class="page"></div>
<!-- 底部 -->
<div id="footer">
        <div class="footer-con">
            <div class="box-a">
                <h5>开放平台</h5>
            </div>
            
            <div class="box-b">
                <h5>合作伙伴</h5>               
            </div> 
            <div class="box-c">
                    <h5>收听微博</h5>
                </div>
                <div class="box-d">
                    <h5>关注空间</h5>
                </div>
            
            </div>
        
        </div>
        <div id="copy">
            <div class="copy-con">
                <h5>Copyright ©1998-2014 Tencent. All Rights Reserved.</h5>
                <h6>腾讯公司 版权所有</h6>
            </div>
        </div>
    </div>
</body>
</html>
<script src="../lib/page.js"></script>
<script src="../js/list.js"></script>